<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
        <title>客舱服务系统</title>
        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="css/grid.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/loading.css"/>
        <!--[if lt IE 9]>
          <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!-- CSS code from Bootply.com editor -->
    </head>
    <!-- HTML code from Bootply.com editor -->
<body style="margin-top: 134px;" id="flightpage">
<div class="container-fluid">
	
	<div id="caseVerteClaire" class="img-circle active" >
		<div id="transform">
			<div id="transform1"></div>
			<div id="transform2"></div>
			<div id="transform3"></div>
		</div>
		<div id="load">
			<p>玩命加载中...</p>
		</div>
	</div>
	
	<!--start of header-->
	<div class="header" style="position: fixed;top: 0px;right: 0px;left: 0px;z-index: 999;" hidden="hidden">
		<div class="row" style="text-align:center;background:#ccc;">
			<div class="col-xs-1 col-sm-1 col-md-1">
				<h4>
					<!-- <a href="index.html" id="leave"> -->
					<a href="javascript:;" id="leave">
						<button class="btn btn-primary">返回</button>
					</a>
				</h4>
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1">
				 <h4 style="margin-top: 30px;margin-left: 10px;" id="flightNo"></h4>
			</div>
			<div class="col-xs-4 col-sm-4 col-md-4" id="flightInfo" style="border-right:1px solid #000;">
				 
			</div>
			<div class="col-xs-6 col-sm-6 col-md-6">
				<div class="row">
					<form class="form col-xs-12 col-md-12 col-sm-12 center-block" style="margin-top: 25px;">
						<div class="form-group col-xs-3 col-sm-3 col-md-3">
						  <label for="meal">餐食</label>
						  <input type="checkbox" name="checkbox" id="meal" value="meal" checked="checked" >
						  <span style="color: red;">&nbsp;餐食</span>
						</div>
						<div class="form-group col-xs-3 col-sm-3 col-md-3">
							<label for="birth">生日</label>
							<input type="checkbox" name="checkbox" id="birth" value="birth">&nbsp;
							<img src="images/cake.png" height="20px" width="20px" />
						</div>
						<div class="form-group col-xs-3 col-sm-3 col-md-3">
							<label for="member">会员</label>
							<input type="checkbox" name="checkbox" id="member" value="member"> &nbsp;
							<img src="images/member.png" height="16px" width="16px" />
						</div>
						<div class="form-group col-xs-3 col-sm-3 col-md-3">
						  <label for="health">健康申报</label>
						  <input type="checkbox" name="checkbox" id="health" value="health" checked="checked" >
						  <!--<span style="color: red;">&nbsp;健康申报</span>-->
						</div>
						<div class="col-xs-3 col-sm-3 col-md-3" style="margin-top: -10px;margin-bottom: 10px;">
							<a class="btn btn-primary" href="lottery.html" >幸运抽奖</a>
						</div>
				    </form>
				</div>
			 </div>
			
		</div>
		<div class="row" style="color:#fff;background:#000;">
			<div class="col-xs-6 col-sm-6 col-md-6">
				<h5 style="padding-left: 10px;" id="people"></h5>
			</div>
			<div class="col-xs-6 col-sm-6 col-md-6 ">
				<h5 style="float: right;padding-right: 10px;" id="mealTotal"></h5>
			</div>
		</div>
		<div class="row" style="text-align:center;background:#000;color:#fff;font-weight:bold;padding-bottom:5px;">
			<div class="row col-xs-5 col-sm-5 col-md-5">
				<div class="col-xs-1 col-sm-1 col-md-1">
					<span>No.</span>
				</div>
				<div class="row col-xs-11 col-sm-11 col-md-11">
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>F</span>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>E</span>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>D</span>
					</div>
				</div>
			</div>
			<div class="row col-xs-2 col-sm-2 col-md-2">
					<div class="col-xs-4 col-sm-4 col-md-4"></div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>过道</span>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4"></div>
				</div>
			<div class="row col-xs-5 col-sm-5 col-md-5">
				<div class="row col-xs-11 col-sm-11 col-md-11">
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>C</span>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>B</span>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<span>A</span>
					</div>
				</div>
				<div class="col-xs-1 col-sm-1 col-md-1">
					<span>No.</span>
				</div>
			</div>
		</div>
	</div>
	<!--end of header-->
	<div class="row" style="padding-top: 40px;">
		<div class="col-xs-12 col-sm-12 col-md-12" id="seats">
			
		</div>
	</div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script type='text/javascript' src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
<script type="text/javascript" src="js/data.js" ></script>
<script type="text/javascript" src="js/flight.js" ></script>

</body>
</html>